<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>8款纯CSS3搜索框</title>
<link rel="stylesheet" href="/asset/layui/css/layui.css">
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <script src="/asset/layui/layui.js" charset="utf-8"></script>
    <style>


        .search button {
        
         	border: none;
            outline: none;
        
        	height: 38px;
            width: 38px;
            cursor: pointer;
            position: absolute;
        
            top: 0;
            right: 0;
            background: #7BA7AB;
            border-radius: 0 5px 5px 0;
        }
        .search button:before {
            content: "\f002";
            font-family: FontAwesome;
            font-size: 16px;
            color: #F9F0DA;
        }

        
    </style>
</head>
<body>

<form class="layui-form">
    
          <div class="layui-form-item">
          	  <div class="layui-inline">
				      <label class="layui-form-label">申请印章</label>
				      <div class="layui-input-inline ">
				      
				      		<div class="search">
						            <input type="text" class="layui-input" placeholder="请输入您要搜索的内容...">
						            <button type="submit"></button>
						    </div>
				      	
				      </div>
				 </div>
          </div>
          
          <div class="layui-form-item">
          	  <div class="layui-inline">
				      <label class="layui-form-label">申请印章</label>
				      <div class="layui-input-inline ">
				      		<input type="text" class="layui-input" placeholder="请输入您要搜索的内容...">
				      	
				      </div>
				 </div>
          </div>
          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
              </label>
              <button  class="layui-btn" lay-filter="add" lay-submit="">提交</button>
          </div>

</form>

<div class="layui-row">
	<div class="layui-form-item">
						    <div class="layui-inline">
						      <label class="layui-form-label">申请印章</label>
						      <div class="layui-input-inline ">
						      
						      		<div class="search bar1">
								        <form>
								            <input type="text" class="layui-input" placeholder="请输入您要搜索的内容...">
								            <button type="submit"></button>
								        </form>
								    </div>
						      	
						      </div>
						    </div>
						    
						    <div class="layui-inline">
						      <label class="layui-form-label">申请印章</label>
						      <div class="layui-input-inline ">
						      
						      		<div class="search bar1">
								        <form>
								            <input type="text" class="layui-input" placeholder="请输入您要搜索的内容...">
								            <button type="submit"></button>
								        </form>
								    </div>
						      	
						      </div>
						    </div>
						    
						    
						</div>

</div>



<div id="container">
    <div class="search bar1">
        <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"></button>
        </form>
    </div>

    <div class="search bar2">
        <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"></button>
        </form>
    </div>

    <div class="search bar3">
        <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"></button>
        </form>
    </div>

    <div class="search bar4">
        <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"></button>
        </form>
    </div>

    <div class="search bar5">
        <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"></button>
        </form>
    </div>

    <div class="search bar6">
        <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"></button>
        </form>
    </div>

    <div class="search bar7">
        <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"></button>
        </form>
    </div>

    <div class="search bar8">
        <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"></button>
        </form>
    </div>
</div>
</body>
</html>